Add hover states to admin inputs, checkboxes and field cards - #3247

#!/bin/bash
set -euo pipefail

# Inspect checkbox/radio markup and adjacent label structure.
rg -n -i -C 4 \
  -g '*.php' -g '*.html' \
  '<label\b|<input\b[^>]*\btype\s*=\s*["'\'']?(checkbox|radio)' .

#!/bin/bash
set -euo pipefail

printf '%s\n' '--- target stylesheet ---'
cat -n resources/scss/admin/components/form/_fields-part2.scss | sed -n '1,90p'

printf '%s\n' '--- single-option view ---'
cat -n classes/views/frm-fields/frm-fields/single-option.php 2>/dev/null || true
cat -n classes/views/frm-fields/single-option.php 2>/dev/null || true

printf '%s\n' '--- checkbox/radio templates under classes/views ---'
rg -l -i '<input[^>]+type\s*=\s*["'\'']?(checkbox|radio)' classes/views -g '*.php' |
  sort |
  head -80

#!/bin/bash
set -euo pipefail

for file in \
  classes/views/frm-fields/back-end/radio-field.php \
  classes/views/frm-fields/back-end/settings.php \
  classes/views/frm-fields/back-end/quantity-options.php \
  classes/views/frm-fields/back-end/automatic-width.php \
  classes/views/frm-forms/settings-advanced.php \
  classes/views/frm-forms/shortcode_opts.php \
  classes/views/shared/mb_adv_info.php
do
  if [ -f "$file" ]; then
    printf '\n--- %s ---\n' "$file"
    cat -n "$file"
  fi
done

printf '\n--- admin stylesheet references ---\n'
rg -n -C 3 'frm_single_option|frm_radio|frm_checkbox|type="(checkbox|radio)"|type=.(checkbox|radio)' \
  resources/scss/admin classes/views/frm-fields classes/views/frm-forms classes/views/shared \
  -g '*.scss' -g '*.php'

#!/bin/bash
set -euo pipefail

python3 - <<'PY'
from pathlib import Path
import re

roots = [
    Path("classes/views/frm-fields/back-end"),
    Path("classes/views/frm-forms"),
    Path("classes/views/shared"),
    Path("classes/views/frm-settings"),
]
input_re = re.compile(r"<input\b[^>]*\btype\s*=\s*(['\"]?)(checkbox|radio)\1", re.I)
label_open_re = re.compile(r"<label\b([^>]*)>", re.I)
label_for_re = re.compile(r"\bfor\s*=", re.I)

for root in roots:
    for path in sorted(root.rglob("*.php")):
        lines = path.read_text(errors="replace").splitlines()
        for i, line in enumerate(lines):
            if not input_re.search(line):
                continue
            start = max(0, i - 8)
            end = min(len(lines), i + 9)
            context = "\n".join(lines[start:end])
            prior = "\n".join(lines[start:i+1])
            direct_label = bool(re.search(r"<label\b[^>]*>\s*(?:<\?php.*?\?>\s*)*<input\b", prior, re.I | re.S))
            labels = label_open_re.findall(context)
            has_for = any(label_for_re.search(attrs) for attrs in labels)
            print(f"{path}:{i+1}: direct-label={'yes' if direct_label else 'no'} label-for={'yes' if has_for else 'no'}")
            print("  " + " ".join(line.strip() for line in lines[start:end])[:360])
PY

#!/bin/bash
set -euo pipefail
rg -n -C 5 'frm-dropdown-toggle|focus-visible|`@include` focus-outline' resources/scss

#!/bin/bash
set -euo pipefail

printf '%s\n' '--- card stylesheet ---'
cat -n resources/scss/admin/components/card/_card.scss | sed -n '1,145p'

printf '%s\n' '--- focus mixin ---'
cat -n resources/scss/admin/abstracts/_focus.scss | sed -n '1,80p'

printf '%s\n' '--- matching form-actions rules ---'
cat -n resources/scss/admin/components/form/_form-actions.scss | sed -n '330,405p'

printf '%s\n' '--- stylesheet imports ---'
rg -n -C 3 'components/card|components/form|_card|_form-actions|abstracts/focus|abstracts' resources/scss --glob '*.scss'

printf '%s\n' '--- dropdown toggle markup and class contexts ---'
rg -n -C 4 'frm-style-card|frm-dropdown-toggle' --glob '*.php' --glob '*.js' --glob '*.ts' --glob '*.scss' .

#!/bin/bash
set -euo pipefail

printf '%s\n' '--- card stylesheet ---'
cat -n resources/scss/admin/components/card/_card.scss | sed -n '75,130p'

printf '%s\n' '--- focus mixin ---'
cat -n resources/scss/admin/abstracts/_focus.scss | sed -n '1,45p'

printf '%s\n' '--- form-actions focus contexts ---'
cat -n resources/scss/admin/components/form/_form-actions.scss | sed -n '335,400p'

printf '%s\n' '--- SCSS imports involving card, form, or focus ---'
rg -n -C 3 'components/card|components/form|_card|_form-actions|abstracts/_focus|abstracts/focus' resources/scss -g '*.scss'

printf '%s\n' '--- source markup and source styles for the selector ---'
rg -n -C 4 'frm-style-card|frm-dropdown-toggle' resources --glob '*.php' --glob '*.js' --glob '*.ts' --glob '*.scss' \
	-g '!*.min.js' -g '!*.map' -g '!dist/**' -g '!build/**'

#!/bin/bash
set -euo pipefail

printf '%s\n' '--- focused follow-up output from the previous log ---'
rg -n --context 2 '^--- (card stylesheet|focus mixin|form-actions focus contexts|SCSS imports|source markup)' \
	/tmp/coderabbit-shell-logs/shell-output-kGVRQv

printf '%s\n' '--- source-only focus selectors for dropdown controls ---'
rg -n -C 5 '\.frm-dropdown-toggle|focus-visible|focus-outline' resources/scss \
	-g '*.scss' -g '!*.min.scss'

printf '%s\n' '--- source imports ---'
rg -n -C 3 'components/card|components/form|_card|_form-actions|abstracts/_focus|abstracts/focus' resources/scss \
	-g '*.scss'

#!/bin/bash
set -euo pipefail

printf '%s\n' '--- all tracked declarations for the card control ---'
git grep -n -C 4 -E 'frm-style-card|frm-dropdown-toggle' -- \
	'*.php' '*.inc' '*.scss' '*.js' '*.ts' '*.jsx' '*.tsx' \
	':(exclude)**/*.min.js' ':(exclude)**/*.map'

printf '%s\n' '--- tracked focus and outline rules ---'
git grep -n -C 3 -E 'outline(-|:)|focus-visible|focus-within|focus[[:space:]]*\{' -- \
	'*.scss' | grep -E 'frm-dropdown-toggle|frm-style-card|outline|focus' | head -300

printf '%s\n' '--- potentially suppressive reset rules ---'
git grep -n -C 2 -E 'outline:[[:space:]]*(none|0)|outline-style:[[:space:]]*none|appearance:[[:space:]]*none' -- \
	'*.scss' | head -300

printf '%s\n' '--- card stylesheet imports and full selector context ---'
git grep -n -C 3 -E '`@import`.*card|`@import`.*form-actions' resources/scss/admin/frm_admin.scss
cat -n resources/scss/admin/components/card/_card.scss | sed -n '1,125p'

#!/bin/bash
set -euo pipefail

printf '%s\n' '--- focused tracked search ---'
git grep -n -C 4 -E 'frm-style-card|frm-dropdown-toggle' -- \
	'*.php' '*.inc' '*.scss' '*.js' '*.ts' '*.jsx' '*.tsx' \
	':(exclude)**/*.min.js' ':(exclude)**/*.map' \
	| grep -v -E '(^|/)(dist|build|vendor|node_modules)/' \
	| head -400

printf '%s\n' '--- focus and outline rules in SCSS ---'
git grep -n -C 3 -E 'outline|focus-visible|focus-within' -- '*.scss' \
	| grep -E 'frm-dropdown-toggle|frm-style-card|outline|focus' \
	| head -400

printf '%s\n' '--- suppressive outline rules in SCSS ---'
git grep -n -C 2 -E 'outline:[[:space:]]*(none|0)|outline-style:[[:space:]]*none' -- '*.scss' \
	| head -300

#!/bin/bash
set -euo pipefail

python3 - <<'PY'
import subprocess
from pathlib import Path

tracked = subprocess.check_output(["git", "ls-files"], text=True).splitlines()
excluded_parts = ("/dist/", "/build/", "/vendor/", "/node_modules/", "/assets/")
excluded_suffixes = (".min.js", ".min.css", ".map")
files = [
    Path(p) for p in tracked
    if not any(part in p for part in excluded_parts)
    and not p.endswith(excluded_suffixes)
    and Path(p).suffix in {".scss", ".css", ".php", ".inc", ".js", ".ts", ".jsx", ".tsx"}
]

terms = ("frm-style-card", "frm-dropdown-toggle", "focus-visible", "focus-within")
for path in files:
    try:
        lines = path.read_text(errors="ignore").splitlines()
    except OSError:
        continue
    for number, line in enumerate(lines, 1):
        if any(term in line for term in terms):
            print(f"{path}:{number}:{line.strip()}")

print("--- suppressive outline declarations ---")
for path in files:
    if path.suffix not in {".scss", ".css"}:
        continue
    try:
        lines = path.read_text(errors="ignore").splitlines()
    except OSError:
        continue
    for number, line in enumerate(lines, 1):
        compact = line.replace(" ", "").replace("\t", "")
        if "outline:none" in compact or "outline:0" in compact or "outline-style:none" in compact:
            print(f"{path}:{number}:{line.strip()}")
PY

#!/bin/bash
set -euo pipefail

python3 - <<'PY'
import subprocess
from pathlib import Path

tracked = subprocess.check_output(["git", "ls-files"], text=True).splitlines()
excluded = ("/dist/", "/build/", "/vendor/", "/node_modules/")
files = [
    Path(p) for p in tracked
    if not any(x in f"/{p}" for x in excluded)
    and not p.endswith((".min.js", ".min.css", ".map"))
    and Path(p).suffix in {".scss", ".css", ".php", ".inc"}
]

for needle in ("frm-style-card", "frm-dropdown-toggle", "focus-visible", "focus-within"):
    print(f"--- {needle} ---")
    for path in files:
        try:
            lines = path.read_text(errors="ignore").splitlines()
        except OSError:
            continue
        for number, line in enumerate(lines, 1):
            if needle in line:
                print(f"{path}:{number}:{line.strip()}")

print("--- outline suppression ---")
for path in files:
    if path.suffix not in {".scss", ".css"}:
        continue
    try:
        lines = path.read_text(errors="ignore").splitlines()
    except OSError:
        continue
    for number, line in enumerate(lines, 1):
        compact = line.replace(" ", "").replace("\t", "")
        if any(x in compact for x in ("outline:none", "outline:0", "outline-style:none")):
            print(f"{path}:{number}:{line.strip()}")
PY

#!/bin/bash
set -euo pipefail

printf '%s\n' '--- authored SCSS matches ---'
rg -n -C 3 'frm-style-card|frm-dropdown-toggle|focus-visible|outline:[[:space:]]*(none|0)' resources/scss \
	-g '*.scss' -g '!*.min.scss'

printf '%s\n' '--- authored PHP/INC card markup ---'
while IFS= read -r file; do
	grep -n -C 5 -E 'frm-style-card|frm-dropdown-toggle' "$file" || true
done < <(
	git ls-files '*.php' '*.inc' |
	grep -v -E '(^|/)(dist|build|vendor|node_modules|assets)/'
)